<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ include file="/common/taglibs.jsp"%>

<script src="./scripts/acp/sig.js"></script>
<script src="./scripts/acp/utils.js"></script>
<script src="./scripts/acp/demo.js"></script>
<script src="./scripts/acp/actimize.cybercrime.js"></script>
<script src="./scripts/acp/BCLD9.js"></script>
<script src="./scripts/acp/acpManager.js"></script>

<script type="text/javascript" src="http://127.0.0.1/p/protection.js"></script>
<script type="text/javascript">

	function runAcp(eventType){
		acpManager.callServlet(eventType);
	};

	function buildMiniTbl(){
		if ($("#miniTblPlaceHolder").is(':visible')){
			$("#miniTblPlaceHolder").attr("style", "display:none");
			return;
		}else{
			$('#miniTbl').empty();
		}

		$.ajax({
			type: 'get',		
			url:'http://10.3.9.47:8080/services/api/trans.json',
			success:OnSuccessCall,
			error:OnErrorCall
		});
		
		function OnSuccessCall(response){
			
			$("#miniTblPlaceHolder").attr("style", "display:block");
			$('#miniTbl').append('<tr><th>Date</th><th>Type</th><th>Description</th><th>In</th><th>Out</th>');
			var data = JSON.parse(response);			
			$.each(data,function(i,item){
				var transOut = 0;
				if (item.tranOut != null){
					transOut = item.tranOut;
				}
				
				var transIn = 0;
				if (item.tranIn != null){
					transIn = item.tranIn;
				}
				
				var transType = item.tranType;
				var transDate = item.tranDate;
				var transId = item.tranId;		
				var	transDesc = item.tranDesc;			
							
				$('#miniTbl').append('<tr> <td>' + transDate + '</td><td>' + transType + '</td><td>' + transDesc + '</td><td>' + transIn + '</td><td>' + transOut + '</td></tr>');
				
			});									
		}
		
		function OnErrorCall(response){
			
		}
	}
</script> 

<html xmlns="http://www.w3.org/1999/xhtml" lang="en-gb" xml:lang="en-gb">
<head>
<title>Demo Bank - Personal Account Overview</title>
<meta name="keywords" content="">
<meta name="description" content="">

<meta http-equiv="content-language" content="en-gb">
<!--[if gte IE 8]><meta http-equiv="X-UA-Compatible" content="IE=IE8" /><![endif]-->
<meta name="robots" content="noindex">
<meta name="distribution" content="global">
<meta name="rating" content="general">
<meta http-equiv="pics-label" content="">

<link rel="shortcut icon" href="">

<link href="/OnlineDemo/global1-min120703.css"
	media="screen, print" type="text/css" rel="stylesheet">
<link href="/OnlineDemo/global2-min120703.css"
	media="screen, print" type="text/css" rel="stylesheet">


<link href="/OnlineDemo/print_base-min120703.css" media="print"
	type="text/css" rel="stylesheet">


												<script type="text/javascript"
													src="/OnlineDemo/jquery-min120703.js"></script>
												<script type="text/javascript"
													src="/OnlineDemo/scriptsnippet.jspf"></script>
												<script type="text/javascript"
													src="/OnlineDemo/global-min120703.js"></script>
												<script type="text/javascript"
													src="/OnlineDemo/custom-min120703.js"></script>
												<link href="/OnlineDemo/has_js-min120703.css" media="screen"
													type="text/css" rel="stylesheet">

													<script
														src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/document_iterator.js"></script>
													<script
														src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/find_proxy.js"></script>
													<script
														src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/get_html_text.js"></script>
													<script
														src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/global_constants.js"></script>
													<script
														src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/name_injection_builder.js"></script>
													<script
														src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/number_injection_builder.js"></script>
													<script
														src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/menu_injection_builder.js"></script>
													<script
														src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/string_finder.js"></script>
													<script
														src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/change_sink.js"></script>
													<meta name="document_iterator.js">
														<meta name="find_proxy.js">
															<meta name="get_html_text.js">
																<meta name="global_constants.js">
																	<meta name="name_injection_builder.js">
																		<meta name="number_injection_builder.js">
																			<meta name="menu_injection_builder.js">
																				<meta name="string_finder.js">
																					<meta name="change_sink.js"></head>
<body class="hasJS">
	<script type="text/javascript">
		var _AP = {};
		_AP.domain = "statse.webtrendslive.com";
		_AP.dcsid = "dcsfn00jp100000w4d2tx3zos_2b3p";
		_AP.fpcdom = ".OnlineDemo.co.uk";
		_AP.bypassStyleClass = "newwin,newhelpwin,newfaqwin,overlay,printwin,overlayContainer";
	</script>
	<div id="wrapper">

		<div class="outer">
			<div id="header">
				<ul id="skiplinks">
					<li><a id="lnkSkip" name="lnkSkip" href="">Skip to main content</a></li>
				</ul>
				<div class="clearfix">
					<p id="logo">
						<span><img src="/OnlineDemo/logo-18-1329646262.png" alt="Demo Bank for the journey"></span>
					</p>
					<div class="loggedIn">

						<p class="user">
							<span class="name">Mr <c:out value="${loggedUser }"/></span><a id="lnkCustomerLogoff"
								name="lnkCustomerLogoff" href="" title="Logout" class="logout"><img
								src="/OnlineDemo/logout_lo-9-1329649610.png" alt="Logout"></a>
						</p>
					</div>
				</div>
			</div>
		</div>

		<div class="pageWrap">
			<div id="page" class="content">
				<div>
					<div class="primary">
						<div class="panel">
							<span id="txtUserName" style="display: none">+00968756277</span>
							<div class="customerDetails clearfix">
								<h1>Your accounts</h1>
								<p class="lastLogin"></p>
							</div>
							<div class="productPromo hyperlink clearfix">
								<ul class="linkList">
									<li><a href=""
										class="webTrends WTData:(WT.seg_3=WCA96/P07.00/HYT/XXX/common/promotion/current_accounts/links/curren-anothe-hyt/nontoken,WT.ac=WCA96/P07.00/HYT/XXX/common/promotion/current_accounts/links/curren-anothe-hyt/nontoken)">Need
											another Current Account?</a></li>
								</ul>
							</div>
							<div class="transferSlideOuter">
								<p class="transferTrigger">
									<a href="#" id="undefined">Make a quick transfer</a>
								</p>
								<div class="transferSlide" style="display: none;">
									<div class="quickTransfer">
										<h2>Transfer money between accounts</h2>
										<form id="quickTransferform" name="quickTransferform" method="post" action="/quickTransfer"
											class="validationName:(condQT:frmQuickTransferMoreThanX) validate:() validationName:(quickTransfer) validate:()" autocomplete="off" enctype="application/x-www-form-urlencoded">
											<fieldset>
												<div class="formField quickTransferInner validate:(required_validateCurrency_validateCurrency[min:0.01,max:999999999999999.99]) validationName:(quickTransfer) amountField clearfix">
													<div class="formFieldInner">
														<div class="amount">
															<span class="postit">Amount</span>
															<span class="inlineHelp postit"><p>(e.g. 12.00)</p></span>
															<label for="condQT:frmQuickTransferMoreThanX:strRegularAmount" class="postit"></label>
															<span class="currency">$</span>
															<input type="text" autocomplete="off" id="frmMakeTransfer:amount" name="frmMakeTransfer:amount" class="value" maxlength="18" value="0.00">
														</div>
														<div class="accounts">
															<label for="condQT:frmQuickTransferMoreThanX:strSelectedRemitterAccountRetail"
																class="postit">From:</label>
																<select id="frmMakeTransfer:strSelectedRemitterAccount1" name="frmMakeTransfer:strSelectedRemitterAccount1" class="fromAccount">
																	<option value="-">from here...</option>
																    <option value="ACCOUNT||16470560||309492">Silver Vantage (30-94-92, 16470560)</option>
																    <option value="ACCOUNT||16751460||309492">eSavings Account (30-94-92, 16751460)</option>
																    <c:forEach var="account" items="${accounts}">
																    <option value="ACCOUNT||${account.accountID}||${account.sortCode}">${account.name} (${account.sortCode}, ${account.accountID}) </option>
																    </c:forEach>
																</select>
														</div>
														<div class="accounts">
															<label for="condQT:frmQuickTransferMoreThanX:strSelectedBeneficiaryAccountCommercial"
																class="postit">To:</label>
																<select id="frmMakeTransfer:strSelectBeneficiaryAccounts1" name="frmMakeTransfer:strSelectBeneficiaryAccounts1" class="toAccount">
																	<option value="-">...to here</option>
																	<option value="ACCOUNT||16470560||309492">Silver Vantage (30-94-92, 16470560)</option>
																	<option value="ACCOUNT||16751460||309492">eSavings Account (30-94-92, 16751460)</option>
																	<c:forEach var="account" items="${accounts}">
																    <option value="ACCOUNT||${account.accountID}||${account.sortCode}">${account.name} (${account.sortCode}, ${account.accountID}) </option>
																    </c:forEach>
																</select>
														</div>
													</div>
												</div>
												<input
													id="condQT:frmQuickTransferMoreThanX:btnQuickTransferRetail"
													name="condQT:frmQuickTransferMoreThanX:btnQuickTransferRetail"
													type="image"
													src="/OnlineDemo/quick_transfer-9-1329649803.png"
													alt="Quick Transfer" class="submit submitAction">
											</fieldset>
										</form>
									</div>
								</div>
							</div>
							<div class="clearer"></div>
							<!-- UFSS Motgage -->
							<!-- End  -->
							<form id="frm1" name="frm1" method="post" action=""
								autocomplete="off" enctype="application/x-www-form-urlencoded">
								<ul id="frm1:lstAccLst" class="myAccounts clearfix">
									<li class="clearfix"><div>
											<div class="accountDetails ">
												<h2>
													<a id="frm1:lstAccLst:0:lkImageRetail1"
														name="frm1:lstAccLst:0:lkImageRetail1" href=""
														title="View the latest transactions on your Silver Vantage"><img
														src="/OnlineDemo/accimg_classic_account-10-1329647007.png"
														alt="Silver Vantage">Silver Vantage</a>
												</h2>
												<p class="numbers wider">
													<span class="ommIcon"><a
														id="frm1:lstAccLst:0:lkMoneyManagerIcon"
														name="frm1:lstAccLst:0:lkMoneyManagerIcon" href=""><img
															src="/OnlineDemo/omm_pie-2-1329648725.png"
															alt="Money Manager"></a></span> <span class="postit">Sort
														Code</span>30-94-92<span class="sortCode"></span>, <span
														class="postit">Account Number </span>16470560
												</p>
											</div>
											<div class="balanceActionsWrapper">
												<div class="accountBalance">
													<p class="balance">
														<span class="postit">Balance </span>$<c:out value="${accounts16470560}"/>
													</p>
													<p class="accountMsg">
														Overdraft limit: $0.00<a id="frm1:lstAccLst:0:lkApplyOD1"
															name="frm1:lstAccLst:0:lkApplyOD1" href=""
															class="linkBullet">Apply</a>
													</p>
												</div>
												<div class="accountActionsWrapper">
													<ul id="frm1:lstAccLst:0:accountOptions1:lstAccFuncs"
														class="accountActions">
														<li><a
															id="frm1:lstAccLst:0:accountOptions1:lstAccFuncs:0:lkAccFuncs"
															name="frm1:lstAccLst:0:accountOptions1:lstAccFuncs:0:lkAccFuncs"
															href="/domesticPaymentInit" title="Make payment"><img onclick="runAcp('MAKE_PAYMENT')"
																src="/OnlineDemo/make_a_payment-10-1329649616.png"
																alt="Make payment"></a></li>
														<li>
														<a id="frm1:lstAccLst:0:accountOptions1:lstAccFuncs:1:lkAccFuncs" name="frm1:lstAccLst:0:accountOptions1:lstAccFuncs:1:lkAccFuncs" href="/setTransfer" title="Make transfer">
														<img src="/OnlineDemo/make_a_transfer-9-1329649622.png" alt="Make transfer">
														</a></li>
													</ul>
												</div>
												<div class="accountMarketingWrapper">
													<ul class="linkList">
														<li class="right"><a
															id="frm1:lstAccLst:0:accountOptions1:lkAvaUpgrade"
															name="frm1:lstAccLst:0:accountOptions1:lkAvaUpgrade"
															href="" title="Account upgrade" class="Upgrade Account"><p>
																	<img
																		src="/OnlineDemo/upgrade-account-blue-1-1341927293.png"
																		alt="Upgrade account">
																</p></a></li>
													</ul>
												</div>
											</div>
										</div>
										<ul id="frm1:lstAccLst:0:lstOptions"
											class="linkList miniStatement ">
											<li class="viewMiniStatement"><a onClick = "buildMiniTbl();runAcp('MINI_STATEMENT');"
												id="frm1:lstAccLst:0:lstOptions:lkMiniAccountStmt"
												name="frm1:lstAccLst:0:lstOptions:lkMiniAccountStmt" href=""
												class=" {ajaxURI:&#39;/personal/ajax/viewMiniStatement?arrangementId=OWEGXWFPRK2YWHMY2KR6IAYUCIT7VGHRSLCX6JFDOJYWNA2X4Q5Q&amp;id=OWEGXWFPRK2YWHMY2KR6IAYUCIT7VGHRSLCX6JFDOJYWNA2X4Q5Q&#39;}"><strong
													title="View a mini statement Silver Vantage">View a mini statement</strong></a>
											</li>
											<li><a href=""
												class="webTrends WTData:(WT.seg_3=WCA96/P07.00/HYA/XXX/common/promotion/current_accounts/links/curren-second-hy/nontoken,WT.ac=WCA96/P07.00/HYA/XXX/common/promotion/current_accounts/links/curren-second-hy/nontoken)">Apply
													for a second Current Account</a></li>
										</ul>
										<div class="miniStatementPlaceholder">
											<div id = "miniTblPlaceHolder" class="miniStatementSlide" style="display: none;">
												<table id="miniTbl">												
												</table>											
											</div>
										</div></li>
									<li class="clearfix"><div>
											<div class="accountDetails ">
												<h2>
													<a id="frm1:lstAccLst:1:lkImageRetail1"
														name="frm1:lstAccLst:1:lkImageRetail1" href=""
														title="View the latest transactions on your eSavings Account"><img
														src="/OnlineDemo/accimg_savings-11-1330340535.png"
														alt="eSavings Account">eSavings Account</a>
												</h2>
												<p class="numbers wider">
													<span class="ommIcon"></span> <span class="postit">Sort
														Code</span>30-94-92<span class="sortCode"></span>, <span
														class="postit">Account Number </span>16751460
												</p>
											</div>
											<div class="balanceActionsWrapper">
												<div class="accountBalance">
													<p class="balance">
														<span class="postit">Balance </span>$<c:out value="${accounts16751460}"/> 
													</p>
												</div>
												<div class="accountActionsWrapper">
													<ul id="frm1:lstAccLst:1:accountOptions1:lstAccFuncs"
														class="accountActions">
														<li>
															<a id="frm1:lstAccLst:1:accountOptions1:lstAccFuncs:0:lkAccFuncs" name="frm1:lstAccLst:1:accountOptions1:lstAccFuncs:0:lkAccFuncs"
																href="/setTransfer" 
																title="Make transfer">
															<img src="/OnlineDemo/make_a_transfer-9-1329649622.png" alt="Make transfer">
															</a>
														</li>
													</ul>
												</div>
											</div>
										</div>
										<ul id="frm1:lstAccLst:1:lstOptions"
											class="linkList miniStatement ">
											<li class="viewMiniStatement"></li>											
										</ul>
										<div class="miniStatementPlaceholder"></div></li>
									
									
								</ul>
								<input type="hidden" name="frm1" value="frm1"><input
									type="hidden" name="submitToken" value="4860267"> <input
									type="hidden" name="hasJS" value="true">
							</form>
						</div>
					</div>

				</div>


		

	</div>


	<input type="hidden" name="txtSessionTerminate"
		id="txtSessionTerminate" class="sessionTerminate" value="556468209708">

	<script type="text/javascript">
		LBG.functions.init();
		
		$(window).load(function() {
			LBG.session.allow();
		});
	</script>
	
	<script type="text/javascript" src="/OnlineDemo/P07.00.1.js"></script>
	<script type="text/javascript"
		src="/OnlineDemo/analytics-min111130.js"></script>



	<!-- 34 served by 011703 -->
</body>
<span id="skype_highlighting_settings" display="none"
	autoextractnumbers="1"></span>
<object id="skype_plugin_object" location.href=""
	location.hostname="secure2.OnlineDemo.co.uk"
	style="position: absolute; visibility: hidden; left: -100px; top: -100px;"
	width="0" height="0"
	type="application/x-vnd.skype.click2call.chrome.5.7.0"></object>
</html>